<template>
	<div class="content">
		<img :src="thumb">
		<b>{{product_name}}</b>
		<p>{{sub_name}}</p>
		<div class="marney">{{place_label}}<span>{{price_label}}</span> </div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				thumb:'',
				product_name:'',
				sub_name:'',
				price_label:'',
				place_label:''
			}
		},
		mounted(){
			let query=this.$route.query;
			console.log(query)
			this.thumb=query.thumb;
			this.product_name=query.product_name;
			this.sub_name=query.sub_name;
			this.price_label=query.price_label;
			this.place_label=query.place_label
		}
	}
</script>
<style lang="stylus" scoped>
	.content{
		width: 100%;
		img{
			width: 100%;
		}
		b{
			font-size: .48rem;
			padding: .3rem;
			display: block;
			line-height: 1.5;
			color: #585858
		}
		p{
			font-size: .38rem;
			line-height: 1.5;
			padding:0 .3rem;
		}
	}
	.marney{
		width: 100%;
		font-size: .46rem;
		padding:.3rem;
		color:#ff7100;
		span{
			margin-left: 1rem;
		}
	}
</style>